<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>流程工艺</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/mui.picker.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.poppicker.css" />
		<link href="css/eqChart.css" rel="stylesheet" />
		<style type="text/css">
			.fa_text {
				font-size: 12px;
				font-weight: bold;
			}

			.valBox {
				fill: black;
				stroke: #aea6a8;
				stroke-width: 2;
			}

			.valText {
				fill: #00fa00;
				font-size: 14px;
			}

			.valDan {
				fill: white;
				font-size: 12px;
			}

			.info_text {
				font-size: 14px;
				fill: #666;
				font-weight: bold;
			}

			.eq_size {
				font-size: 14px;
			}

			.small_size {
				font-size: 12px;
			}
		</style>
	</head>

	<body>
		<div id="app" class="android">
			<header class="mui-bar mui-bar-nav gradient_normal">
				<div class="mui-action-back mui-pull-left mui-icon mui-icon-arrowleft"></div>
				<h1 class="mui-title"><span class="equipment_select">工艺流程图</span><span class="mui-icon mui-icon-arrowdown"></span></h1>
				<div class="mui-pull-right">
					<button type="button" data-loading-icon="mui-spinner mui-spinner-custom" class="mui-btn " :class="valData.DB700!='True'?'mui-btn-success':'mui-btn-danger'" v-html="valData.DB700!='True'?'启动':'关闭'"></button>
				</div>
			</header>
			<div class="appContent" style="position: fixed;top: 54px;left: 0;bottom: 0;right: 0;">
				<div class="svg-rigthBtn">
					<div class="btn">
						<button class="btnShow equipment_show">
							<i class="mui-icon mui-icon-arrowleft"></i>
						</button>
						<button class="btnShow equipment_data">
							<img src="img/svgBtn01.png">
						</button>
						<button class="btnShow equipment_wraing">
							<img src="img/svgBtn02.png">
						</button>
						<button class="btnShow returnBtn">
							<img src="img/svgBtn03.png">
						</button>
					</div>
					<div class="eqTable mui-content">
						<div class="dataBox mui-row">
							<div class="mui-col-sm-6 clearfix" v-for="item in eqData">
								<span class="mui-pull-left">{{item.VarName}}：</span>
								<strong class="mui-pull-right">{{item.DataType=='Bit'?(item.Val=="true"?"开":"关"):item.Val}}</strong>
							</div>
						</div>
					</div>
				</div>
				<svg id="svg">
					<g id="scale" transform="translate(-20,0) scale(0.7)">
						<image class="drawing1_bg" x="0" y="0" width="1600" height='734' xlink:href="drawing/zong.png"></image>
						<!--热水温度-->
						<text>
							<tspan class="fa_text" x="115" y="40">热水温度(℃)</tspan>
						</text>
						<text>
							<tspan class="fa_text" x="140" y="84">TT</tspan>
						</text>
						<svg x="114" y="90" width="65" height="23">
							<text class="fa_text" x="50%" y="50%" alignment-baseline="middle" text-anchor="middle">{{valData.DB4_16}}</text>
						</svg>
						<!--热水压力-->
						<text>
							<tspan class="fa_text" x="192" y="130">热水压力(MPA)</tspan>
						</text>
						<text>
							<tspan class="fa_text" x="225" y="84">TI</tspan>
						</text>
						<svg x="200" y="90" width="65" height="23">
							<text class="fa_text" x="50%" y="50%" alignment-baseline="middle" text-anchor="middle">{{valData.DB4_20}}</text>
						</svg>
						<!--热水流量-->
						<text>
							<tspan class="fa_text" x="280" y="40">热水流量(m³/H)</tspan>
						</text>
						<svg x="289" y="77" width="65" height="23">
							<text class="fa_text" x="50%" y="50%" alignment-baseline="middle" text-anchor="middle">{{valData.DB4_32}}</text>
						</svg>
						<!--1#阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB4640=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(399 90) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="425" y="70">1#阀</tspan>
						</text>
						<!--2#阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB4642=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(702 90) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="733" y="70">2#阀</tspan>
						</text>
						<!--3#阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB4644=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(826 90) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="855" y="70">3#阀</tspan>
						</text>
						<!--4#阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB4646=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(704 208) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="733" y="190">4#阀</tspan>
						</text>
						<!--滚动筛-->
						<image class="rotate" x="700" y="125" width="25" height='25' :xlink:href="valData.DB4693=='true'?'drawing/dian_gundong1.png':'drawing/dian_gundong2.png'"></image>
						<text>
							<tspan class="eq_size" x="695" y="165">滚动筛</tspan>
						</text>
						<!--振动筛-->
						<image class="rotate" x="800" y="130" width="25" height='25' :xlink:href="valData.DB4691=='true'?'drawing/dianji1_1.png':'drawing/dianji1_2.png'"></image>
						<image class="rotate" x="860" y="130" width="25" height='25' :xlink:href="valData.DB4692=='true'?'drawing/dianji1_1.png':'drawing/dianji1_2.png'"></image>
						<text>
							<tspan class="eq_size" x="820" y="170">振动筛</tspan>
						</text>
						<!--污泥池-->
						<text>
							<tspan class="eq_size" x="121" y="170">污泥池</tspan>
						</text>
						<!--进料搅拌机-->
						<text>
							<tspan class="fa_text" x="300" y="135">进料搅拌机</tspan>
						</text>
						<image class="" x="340" y="118" width="70" height='70' :xlink:href="valData.D4690=='true'?'drawing/jiaoban.gif':'drawing/jiaoban.png'"></image>
						<text>
							<tspan class="eq_size" x="355" y="170">组合进料斗</tspan>
						</text>
						<!--进料输送机-->
						<image class="" x="498" y="118" width="30" height='30' :xlink:href="valData.D4687=='true'?'drawing/dianji1_1.png':'drawing/dianji1_2.png'"></image>
						<text>
							<tspan class="eq_size" x="540" y="135">进料输送机</tspan>
						</text>
						<!--蒸汽温度-->
						<text>
							<tspan class="fa_text" x="162" y="285">蒸汽温度(℃)</tspan>
						</text>
						<text>
							<tspan class="fa_text" x="187" y="239">TT</tspan>
						</text>
						<svg x="161" y="245" width="65" height="23">
							<text class="fa_text" x="50%" y="50%" alignment-baseline="middle" text-anchor="middle">{{valData.DB4_24}}</text>
						</svg>
						<!--蒸汽压力-->
						<text>
							<tspan class="fa_text" x="240" y="202">蒸汽压力(MPA)</tspan>
						</text>
						<text>
							<tspan class="fa_text" x="273" y="239">TI</tspan>
						</text>
						<svg x="247" y="245" width="65" height="23">
							<text class="fa_text" x="50%" y="50%" alignment-baseline="middle" text-anchor="middle">{{valData.DB4_28}}</text>
						</svg>
						<!--蒸汽流量-->
						<text>
							<tspan class="fa_text" x="330" y="285">蒸汽流量(m³/H)</tspan>
						</text>
						<svg x="336" y="235" width="65" height="23">
							<text class="fa_text" x="50%" y="50%" alignment-baseline="middle" text-anchor="middle">{{valData.DB4_36}}</text>
						</svg>
						<!--热水-->
						<text>
							<tspan class="info_text" x="40" y="56">热水</tspan>
						</text>
						<!--蒸汽-->
						<text>
							<tspan class="info_text" x="40" y="213">蒸汽</tspan>
						</text>

						<!----------------------------------------------------------------------->
						<!--厂区带压水管接口-->
						<text>
							<tspan class="info_text" x="30" y="345">厂区带压</tspan>
							<tspan class="info_text" x="30" y="360">水管接口</tspan>
						</text>
						<!--清水仓-->
						<text>
							<tspan class="eq_size" x="100" y="380">清水仓</tspan>
						</text>
						<!--药品仓1#-->
						<image class="" x="190" y="280" width="70" height='70' :xlink:href="valData.DB362=='true'?'drawing/jiaoduan.gif':'drawing/jiaoduan.png'"></image>
						<text>
							<tspan class="fa_text" x="165" y="307">1#搅拌机</tspan>
						</text>
						<!-- <g transform="scale(0.7) translate(245 465)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="45" y="40">130.00</text>
							<text class="valDan" x="95" y="41">m</text>
						</g> -->
						<text>
							<tspan class="eq_size" x="193" y="380">药品仓1#</tspan>
						</text>
						<!--药品仓2#-->
						<image class="" x="298" y="280" width="70" height='70' :xlink:href="valData.DB366=='true'?'drawing/jiaoduan.gif':'drawing/jiaoduan.png'"></image>
						<text>
							<tspan class="fa_text" x="273" y="307">2#搅拌机</tspan>
						</text>
						<!-- <g transform="scale(0.7) translate(398 465)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="45" y="40">130.00</text>
							<text class="valDan" x="95" y="41">m</text>
						</g> -->
						<text>
							<tspan class="eq_size" x="302" y="380">药品仓2#</tspan>
						</text>
						<!--药品仓3#-->
						<image class="" x="406" y="280" width="70" height='70' :xlink:href="valData.DB382=='true'?'drawing/jiaoduan.gif':'drawing/jiaoduan.png'"></image>
						<text>
							<tspan class="fa_text" x="380" y="307">3#搅拌机</tspan>
						</text>
						<!-- <g transform="scale(0.7) translate(554 465)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="45" y="40">130.00</text>
							<text class="valDan" x="95" y="41">m</text>
						</g> -->
						<text>
							<tspan class="eq_size" x="410" y="380">药品仓3#</tspan>
						</text>
						<!--药品仓4#-->
						<image class="" x="514" y="280" width="70" height='70' :xlink:href="valData.DB386=='true'?'drawing/jiaoduan.gif':'drawing/jiaoduan.png'"></image>
						<text>
							<tspan class="fa_text" x="489" y="307">4#搅拌机</tspan>
						</text>
						<g transform="scale(0.7) translate(709 465)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="45" y="40">{{valData.DB3_0}}</text>
							<text class="valDan" x="95" y="41">m</text>
						</g>
						<text>
							<tspan class="eq_size" x="518" y="380">药品仓4#</tspan>
						</text>
						<!--补水阀2-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB602=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(648 261) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="603" y="245">补水阀2</tspan>
						</text>
						<!--1#补水阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB342=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(192 430) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="140" y="410">1#补水阀</tspan>
						</text>
						<!--2#补水阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB343=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(301 430) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="249" y="410">2#补水阀</tspan>
						</text>
						<!--3#补水阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB344=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(410 430) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="358" y="410">3#补水阀</tspan>
						</text>
						<!--4#补水阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB345=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(519 430) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="467" y="410">4#补水阀</tspan>
						</text>
						<!--1#电磁阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB392=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(223 465) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="170" y="450">1#电磁阀</tspan>
						</text>
						<!--2#电磁阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB396=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(331 465) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="278" y="450">2#电磁阀</tspan>
						</text>
						<!--3#电磁阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB3102=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(438 465) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="386" y="450">3#电磁阀</tspan>
						</text>
						<!--4#电磁阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB3106=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(548 465) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="494" y="450">4#电磁阀</tspan>
						</text>
						<!--1#计量泵-->
						<image class="rotate" x="214" y="468" width="25" height='25' :xlink:href="valData.DB392=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="fa_text" x="205" y="500">1#计量泵</tspan>
						</text>
						<!--2#计量泵-->
						<image class="rotate" x="322" y="468" width="25" height='25' :xlink:href="valData.DB396=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="fa_text" x="313" y="500">2#计量泵</tspan>
						</text>
						<!--3#计量泵-->
						<image class="rotate" x="430" y="468" width="25" height='25' :xlink:href="valData.DB3102=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="fa_text" x="421" y="500">3#计量泵</tspan>
						</text>
						<!--4#计量泵-->
						<image class="rotate" x="540" y="468" width="25" height='25' :xlink:href="valData.DB3106=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="fa_text" x="531" y="500">4#计量泵</tspan>
						</text>

						<!----------------------------------------------------------------------->
						<!--过滤滤液-->
						<text>
							<tspan class="info_text" x="122" y="489">过滤滤液</tspan>
						</text>
						<!--滤液排出-->
						<text>
							<tspan class="info_text" x="75" y="540">滤液排出</tspan>
						</text>
						<!--滤液外排泵-->
						<image class="rotate" x="116" y="574" width="25" height='25' :xlink:href="valData.DB540=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="eq_size" x="45" y="593">滤液外排泵</tspan>
						</text>
						<!--滤液水箱-->
						<circle cx="190" cy="560" r="6" stroke="#999" :fill="valData.DB556=='true'?'green':'red'"></circle>
						<circle cx="190" cy="580" r="6" stroke="#999" :fill="valData.DB557=='true'?'green':'red'"></circle>
						<text>
							<tspan class="eq_size" x="153" y="615">滤液水箱</tspan>
						</text>

						<!----------------------------------------------------------------------->
						<!--自来水-->
						<text>
							<tspan class="info_text" x="75" y="620">自来水</tspan>
						</text>
						<!--清洗水箱-->
						<circle cx="185" cy="665" r="6" stroke="#999" :fill="valData.DB560=='true'?'green':'red'"></circle>
						<circle cx="185" cy="685" r="6" stroke="#999" :fill="valData.DB561=='true'?'green':'red'"></circle>
						<text>
							<tspan class="eq_size" x="120" y="720">清洗水箱</tspan>
						</text>
						<!--压榨水箱-->
						<circle cx="255" cy="665" r="6" stroke="#999" :fill="valData.DB554=='true'?'green':'red'"></circle>
						<circle cx="255" cy="685" r="6" stroke="#999" :fill="valData.DB555=='true'?'green':'red'"></circle>
						<text>
							<tspan class="eq_size" x="215" y="720">压榨水箱</tspan>
						</text>
						<!--压榨回流阀-->
						<image class="rotate" x="300" y="653" width="25" height='25' :xlink:href="valData.DB516=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="290" y="650">压榨回流阀</tspan>
						</text>
						<!--压榨进水阀-->
						<image class="rotate" x="360" y="670" width="25" height='25' :xlink:href="valData.DB514=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="350" y="670">压榨进水阀</tspan>
						</text>
						<!--压榨泵-->
						<image class="rotate" x="327" y="678" width="25" height='25' :xlink:href="valData.DB521=='true'?'drawing/beng_right1.png':'drawing/beng_right2.png'"></image>
						<text>
							<tspan class="fa_text" x="317" y="715">压榨泵</tspan>
						</text>
						<!--空压机-->
						<text>
							<tspan class="eq_size small_size" x="280" y="602">空压机</tspan>
						</text>
						<!--储气罐-->
						<text>
							<tspan class="eq_size small_size" x="410" y="602">储气罐</tspan>
						</text>
						<!--反吹进气阀-->
						<image class="rotate" x="485" y="600" width="25" height='25' :xlink:href="valData.DB510=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="480" y="595">反吹进气阀</tspan>
						</text>
						<!--压滤机-->
						<text>
							<tspan class="eq_size" x="628" y="625">压滤机</tspan>
						</text>
						<!--滤液自流至储罐-->
						<text>
							<tspan class="info_text" x="740" y="645">滤液自流至储罐</tspan>
						</text>
						<!--水平输送机-->
						<image class="rotate" x="595" y="678" width="25" height='25' :xlink:href="valData.DB527=='true'?'drawing/dianji1_1.png':'drawing/dianji1_2.png'"></image>
						<text>
							<tspan class="fa_text" x="570" y="715">水平输送机</tspan>
						</text>
						<!--斜面输送机-->
						<image class="rotate" x="745" y="672" width="25" height='25' :xlink:href="valData.DB532=='true'?'drawing/dianji3_1.png':'drawing/dianji3_2.png'"></image>
						<text>
							<tspan class="fa_text" x="740" y="715">斜面输送机</tspan>
						</text>
						<!--皮带输送机-->
						<text>
							<tspan class="eq_size" x="650" y="740">皮带输送机</tspan>
						</text>
						<!--反吹出气阀-->
						<image class="rotate" x="900" y="600" width="25" height='25' :xlink:href="valData.DB512=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="880" y="635">反吹出气阀</tspan>
						</text>
						<!--进料气动阀-->
						<image class="rotate" x="900" y="660" width="25" height='25' :xlink:href="valData.DB543=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="880" y="695">进料气动阀</tspan>
						</text>
						<!--柱塞进料泵-->
						<image class="rotate" x="979" y="673" width="25" height='25' :xlink:href="valData.DB524=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="fa_text" x="980" y="710">柱塞进料泵</tspan>
						</text>
						<!--浓缩搅拌机-->
						<image class="" x="1085" y="510" width="70" height='80' :xlink:href="valData.DB640=='true'?'drawing/jiaoduan.gif':'drawing/jiaoduan.png'"></image>
						<text>
							<tspan class="small_size" x="1090" y="610">污泥缓存罐</tspan>
						</text>
						<g transform="scale(0.65) translate(1685 802)">
							<rect class="valBox" width="80" height="30" x="0" y="81"></rect>
							<text class="valText" x="10" y="101">{{valData.DB1_26}}</text>
							<text class="valDan" x="60" y="102">m</text>
						</g>

						<!----------------------------------------------------------------------->
						<!--1#储液罐-->
						<text>
							<tspan class="fa_text" x="890" y="100">1#搅拌机</tspan>
						</text>
						<image class="" x="920" y="80" width="60" height='60' :xlink:href="valData.DB4680=='true'?'drawing/jiaoduan.gif':'drawing/jiaoduan.png'"></image>
						<text>
							<tspan class="fa_text" x="935" y="80">2#搅拌机</tspan>
						</text>
						<image class="" x="950" y="80" width="60" height='60' :xlink:href="valData.DB4681=='true'?'drawing/jiaoduan.gif':'drawing/jiaoduan.png'"></image>
						<text>
							<tspan class="fa_text" x="1018" y="56">TT</tspan>
						</text>
						<svg x="990" y="67" width="65" height="23">
							<text class="fa_text" x="50%" y="50%" alignment-baseline="middle" text-anchor="middle">{{valData.DB4_0}}</text>
						</svg>
						<text>
							<tspan class="fa_text" x="1067" y="70">度</tspan>
						</text>
						<g transform="scale(0.75) translate(1256 156)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="42" y="40">{{valData.DB4_4}}</text>
							<text class="valDan" x="95" y="41">m</text>
						</g>
						<!-- @*<text>
							<tspan class="fa_text" x="1105" y="56">LT</tspan>
						</text>
						<line x1="1090" y1="64" x2="1137" y2="64" style="stroke:#808080;stroke-width:1" />
						<svg x="1080" y="67" width="65" height="23">
							<text class="fa_text" x="50%" y="50%" alignment-baseline="middle" text-anchor="middle">{{valData.DB4_4}}</text>
						</svg>
						<text>
							<tspan class="fa_text" x="1155" y="70">米</tspan>
						</text>*@ -->
						<text>
							<tspan class="eq_size" x="968" y="170">1#储液罐</tspan>
						</text>
						<!--2#储液罐-->
						<text>
							<tspan class="fa_text" x="1035" y="105">1#搅拌机</tspan>
						</text>
						<image class="" x="1065" y="80" width="60" height='60' :xlink:href="valData.DB4684=='true'?'drawing/jiaoduan.gif':'drawing/jiaoduan.png'"></image>
						<text>
							<tspan class="fa_text" x="1135" y="105">2#搅拌机</tspan>
						</text>
						<image class="" x="1095" y="80" width="60" height='60' :xlink:href="valData.DB4685=='true'?'drawing/jiaoduan.gif':'drawing/jiaoduan.png'"></image>
						<text>
							<tspan class="fa_text" x="1166" y="56">TT</tspan>
						</text>
						<svg x="1140" y="67" width="65" height="23">
							<text class="fa_text" x="50%" y="50%" alignment-baseline="middle" text-anchor="middle">{{valData.DB4_8}}</text>
						</svg>
						<text>
							<tspan class="fa_text" x="1216" y="70">度</tspan>
						</text>
						<g transform="scale(0.75) translate(1446 156)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="42" y="40">{{valData.DB4_12}}</text>
							<text class="valDan" x="95" y="41">m</text>
						</g>
						<!-- @*<text>
							<tspan class="fa_text" x="1335" y="56">LT</tspan>
						</text>
						<svg x="1310" y="67" width="65" height="23">
							<text class="fa_text" x="50%" y="50%" alignment-baseline="middle" text-anchor="middle">{{valData.DB4_12}}</text>
						</svg>
						<text>
							<tspan class="fa_text" x="1385" y="70">米</tspan>
						</text>*@ -->
						<text>
							<tspan class="eq_size" x="1113" y="170">2#储液罐</tspan>
						</text>
						<!--1#输出流量-->
						<svg x="977" y="226" width="65" height="23">
							<text class="fa_text" x="50%" y="50%" alignment-baseline="middle" text-anchor="middle">{{valData.DB4_52}}</text>
						</svg>
						<text>
							<tspan class="fa_text" x="865" y="240">1#输出流量(m³/H)</tspan>
						</text>
						<!--2#输出流量-->
						<svg x="1110" y="252" width="65" height="23">
							<text class="fa_text" x="50%" y="50%" alignment-baseline="middle" text-anchor="middle">{{valData.DB4_56}}</text>
						</svg>
						<text>
							<tspan class="fa_text" x="1090" y="292">2#输出流量(m³/H)</tspan>
						</text>
						<!--1#离心泵-->
						<image class="rotate" x="1092" y="187" width="25" height='25' :xlink:href="valData.DB4682=='true'?'drawing/beng_right1.png':'drawing/beng_right2.png'"></image>
						<text>
							<tspan class="fa_text" x="1080" y="220">1#离心泵</tspan>
						</text>
						<!--2#离心泵-->
						<image class="rotate" x="1171" y="211" width="25" height='25' :xlink:href="valData.DB4686=='true'?'drawing/beng_right1.png':'drawing/beng_right2.png'"></image>
						<text>
							<tspan class="fa_text" x="1155" y="245">2#离心泵</tspan>
						</text>

						<!----------------------------------------------------------------------->
						<!--1#补水阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB174=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(679 320) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="629" y="300">1#补水阀</tspan>
						</text>
						<!--2#补水阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB181=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(821 320) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="771" y="300">2#补水阀</tspan>
						</text>
						<!--3#补水阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB186=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(948 320) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="898" y="300">3#补水阀</tspan>
						</text>
						<!--4#补水阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB193=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(1076 330) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="1026" y="300">4#补水阀</tspan>
						</text>
						<!--1#进泥阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB170=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(664 345) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="615" y="320">1#进泥阀</tspan>
						</text>
						<!--2#进泥阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB175=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(806 345) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="757" y="320">2#进泥阀</tspan>
						</text>
						<!--3#进泥阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB182=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(932 347) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="882" y="320">3#进泥阀</tspan>
						</text>
						<!--4#进泥阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB187=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(1061 345) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="1008" y="320">4#进泥阀</tspan>
						</text>
						<!--1#搅拌机-->
						<text>
							<tspan class="fa_text" x="690" y="330">1#搅拌机</tspan>
						</text>
						<image class="" x="665" y="320" width="70" height='70' :xlink:href="valData.DB103=='true'?'drawing/jiaoduan.gif':'drawing/jiaoduan.png'"></image>
						<g transform="scale(0.65) translate(1000 560)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="45" y="40">{{valData.DB1_10}}</text>
							<text class="valDan" x="95" y="41">m</text>
						</g>
						<text>
							<tspan class="eq_size" x="668" y="415">1#热洗罐</tspan>
						</text>
						<!--2#搅拌机-->
						<text>
							<tspan class="fa_text" x="833" y="330">2#搅拌机</tspan>
						</text>
						<image class="" x="810" y="320" width="70" height='70' :xlink:href="valData.DB112=='true'?'drawing/jiaoduan.gif':'drawing/jiaoduan.png'"></image>
						<g transform="scale(0.65) translate(1219 560)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="45" y="40">{{valData.DB1_14}}</text>
							<text class="valDan" x="95" y="41">m</text>
						</g>
						<text>
							<tspan class="eq_size" x="811" y="415">2#热洗罐</tspan>
						</text>
						<!--3#搅拌机-->
						<text>
							<tspan class="fa_text" x="955" y="330">3#搅拌机</tspan>
						</text>
						<image class="" x="935" y="320" width="70" height='70' :xlink:href="valData.DB121=='true'?'drawing/jiaoduan.gif':'drawing/jiaoduan.png'"></image>
						<g transform="scale(0.65) translate(1414 560)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="45" y="40">{{valData.DB1_18}}</text>
							<text class="valDan" x="95" y="41">m</text>
						</g>
						<text>
							<tspan class="eq_size" x="935" y="415">3#热洗罐</tspan>
						</text>
						<!--4#搅拌机-->
						<text>
							<tspan class="fa_text" x="1088" y="330">4#搅拌机</tspan>
						</text>
						<image class="" x="1064" y="320" width="70" height='70' :xlink:href="valData.DB130=='true'?'drawing/jiaoduan.gif':'drawing/jiaoduan.png'"></image>
						<g transform="scale(0.65) translate(1610 560)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="45" y="40">{{valData.DB1_22}}</text>
							<text class="valDan" x="95" y="41">m</text>
						</g>
						<text>
							<tspan class="eq_size" x="1065" y="415">4#热洗罐</tspan>
						</text>
						<!--1#排油阀-->
						<image class="rotate" x="737" y="358" width="25" height='25' :xlink:href="valData.DB172=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="737" y="357">1#排油阀</tspan>
						</text>
						<!--2#排油阀-->
						<image class="rotate" x="880" y="358" width="25" height='25' :xlink:href="valData.DB177=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="880" y="357">2#排油阀</tspan>
						</text>
						<!--3#排油阀-->
						<image class="rotate" x="1007" y="358" width="25" height='25' :xlink:href="valData.DB184=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="1007" y="357">3#排油阀</tspan>
						</text>
						<!--4#排油阀-->
						<image class="rotate" x="1135" y="358" width="25" height='25' :xlink:href="valData.DB191=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="1135" y="357">4#排油阀</tspan>
						</text>
						<!--1#排水阀-->
						<image class="rotate" x="737" y="400" width="25" height='25' :xlink:href="valData.DB173=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="737" y="397">1#排水阀</tspan>
						</text>
						<!--2#排水阀-->
						<image class="rotate" x="877" y="401" width="25" height='25' :xlink:href="valData.DB180=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="877" y="397">2#排水阀</tspan>
						</text>
						<!--3#排水阀-->
						<image class="rotate" x="1003" y="401" width="25" height='25' :xlink:href="valData.DB185=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="1003" y="397">3#排水阀</tspan>
						</text>
						<!--4#排水阀-->
						<image class="rotate" x="1135" y="401" width="25" height='25' :xlink:href="valData.DB192=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="1135" y="397">4#排水阀</tspan>
						</text>
						<!--1#取水泵-->
						<image class="rotate" x="755" y="446" width="25" height='25' :xlink:href="valData.DB100=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="fa_text" x="710" y="450">1#取水泵</tspan>
						</text>
						<!--2#取水泵-->
						<image class="rotate" x="1015" y="447" width="25" height='25' :xlink:href="valData.DB101=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="fa_text" x="980" y="445">2#取水泵</tspan>
						</text>
						<!--1#排泥泵-->
						<image class="rotate" x="732" y="480" width="25" height='25' :xlink:href="valData.DB104=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="fa_text" x="755" y="490">1#排泥泵</tspan>
						</text>
						<!--2#排泥泵-->
						<image class="rotate" x="865" y="480" width="25" height='25' :xlink:href="valData.DB113=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="fa_text" x="890" y="490">2#排泥泵</tspan>
						</text>
						<!--3#排泥泵-->
						<image class="rotate" x="992" y="480" width="25" height='25' :xlink:href="valData.DB122=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="fa_text" x="1015" y="490">3#排泥泵</tspan>
						</text>
						<!--4#排泥泵-->
						<image class="rotate" x="1121" y="480" width="25" height='25' :xlink:href="valData.DB131=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="fa_text" x="1145" y="490">4#排泥泵</tspan>
						</text>
						<!--1#热源阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB616=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(649 550) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="600" y="540">1#热源阀</tspan>
						</text>
						<!--2#热源阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB622=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(791 550) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="741" y="540">2#热源阀</tspan>
						</text>
						<!--3#热源阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB626=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(920 550) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="870" y="540">3#热源阀</tspan>
						</text>
						<!--4#热源阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB632=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(1048 550) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="998" y="540">4#热源阀</tspan>
						</text>
						<!--5#热源阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB614=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(670 580) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="620" y="570">5#热源阀</tspan>
						</text>
						<!--6#热源阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB620=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(812 580) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="762" y="570">6#热源阀</tspan>
						</text>
						<!--7#热源阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB624=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(941 580) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="891" y="570">7#热源阀</tspan>
						</text>
						<!--8#热源阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB630=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(1069 580) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="1019" y="570">8#热源阀</tspan>
						</text>
						<!--热源回流-->
						<text>
							<tspan class="info_text" x="542" y="543">热源回流</tspan>
						</text>
						<!--热源进流-->
						<text>
							<tspan class="info_text" x="562" y="573">热源进流</tspan>
						</text>
						<!--去排污管道-->
						<text>
							<tspan class="info_text" x="1138" y="540">去排污管道</tspan>
						</text>
						<!--污油回收-->
						<text>
							<tspan class="info_text" x="1492" y="108">污油回收</tspan>
						</text>
						<!--去排污管道-->
						<text>
							<tspan class="info_text" x="1480" y="165">去排污管道</tspan>
						</text>
						<!--齿轮卸油泵-->
						<image class="rotate" x="1450" y="98" width="25" height='25' :xlink:href="valData.DB212=='true'?'drawing/beng_you1.png':'drawing/beng_you2.png'"></image>
						<text>
							<tspan class="fa_text" x="1440" y="135">齿轮卸油泵</tspan>
						</text>
						<!--缓冲收油器-->
						<g transform="scale(0.75) translate(1786 130)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="42" y="40">{{valData.DB1_30}}</text>
							<text class="valDan" x="95" y="41">m</text>
						</g>
						<text>
							<tspan class="small_size" x="1365" y="147">缓冲收油器</tspan>
						</text>

						<!------------------------------------------------------------------------>
						<!--药剂循环罐-->
						<g transform="scale(0.75) translate(1668 287)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="42" y="40">{{valData.DB2_6}}</text>
							<text class="valDan" x="95" y="41">m</text>
						</g>
						<text>
							<tspan class="small_size" x="1278" y="270">药剂循环罐</tspan>
						</text>
						<!--汽浮进水泵-->
						<image class="rotate" x="1366" y="206" width="25" height='25' :xlink:href="valData.DB200=='true'?'drawing/beng_right1.png':'drawing/beng_right2.png'"></image>
						<text>
							<tspan class="fa_text" x="1378" y="200">汽浮进水泵</tspan>
						</text>
						<!--补水泵-->
						<image class="rotate" x="1249" y="311" width="25" height='25' :xlink:href="valData.DB102=='true'?'drawing/beng_right1.png':'drawing/beng_right2.png'"></image>
						<text>
							<tspan class="fa_text" x="1244" y="345">补水泵</tspan>
						</text>
						<!--溶气泵-->
						<image class="rotate" x="1408" y="393" width="25" height='25' :xlink:href="valData.DB201=='true'?'drawing/beng_right1.png':'drawing/beng_right2.png'"></image>
						<text>
							<tspan class="fa_text" x="1410" y="425">溶气泵</tspan>
						</text>
						<!--刮油机-->
						<image class="rotate" x="1364" y="272" width="35" height='30' :xlink:href="valData.DB202=='true'?'drawing/dian_guazha1.png':'drawing/dian_guazha2.png'"></image>
						<text>
							<tspan class="fa_text" x="1362" y="275">刮油机</tspan>
						</text>
						<!--气浮-->
						<g transform="scale(0.8) translate(1662 360)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="42" y="40">{{valData.DB2_10}}</text>
							<text class="valDan" x="95" y="41">m</text>
						</g>
						<text>
							<tspan class="eq_size" x="1375" y="348">气浮</tspan>
						</text>
						<!--PG-->
						<text>
							<tspan class="eq_size" x="1344" y="393">PG</tspan>
						</text>
						<!--过滤进水阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB234=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(1374 467) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="1312" y="445">过滤进水阀</tspan>
						</text>
						<!--反洗出水阀-->
						<image class="rotate" x="1330" y="471" width="25" height='25' :xlink:href="valData.DB237=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="1301" y="465">反洗出水阀</tspan>
						</text>
						<!--排油阀-->
						<image class="rotate" x="1301" y="486" width="25" height='25' :xlink:href="valData.DB240=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="1301" y="518">排油阀</tspan>
						</text>
						<!--过滤出水阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB235=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(1331 617) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="1355" y="605">过滤出水阀</tspan>
						</text>
						<!--反洗进水阀-->
						<image class="rotate" x="0" y="0" width="25" height='25' :xlink:href="valData.DB236=='true'?'drawing/famen1.png':'drawing/famen2.png'"
						 transform="translate(1283 617) rotate(-90)"></image>
						<text>
							<tspan class="fa_text" x="1220" y="605">反洗进水阀</tspan>
						</text>
						<!--补水阀1-->
						<image class="rotate" x="1218" y="644" width="25" height='25' :xlink:href="valData.DB600=='true'?'drawing/famen1.png':'drawing/famen2.png'"></image>
						<text>
							<tspan class="fa_text" x="1218" y="642">补水阀1</tspan>
						</text>
						<!--过滤进水泵-->
						<image class="rotate" x="1428" y="445" width="25" height='25' :xlink:href="valData.DB203=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="fa_text" x="1428" y="482">过滤进水泵</tspan>
						</text>
						<!--反洗泵-->
						<image class="rotate" x="1275" y="661" width="25" height='25' :xlink:href="valData.DB204=='true'?'drawing/beng_left1.png':'drawing/beng_left2.png'"></image>
						<text>
							<tspan class="fa_text" x="1275" y="696">反洗泵</tspan>
						</text>
						<!--过滤器-->
						<text>
							<tspan class="eq_size" x="1360" y="543">过滤器</tspan>
						</text>
						<!--清洗罐-->
						<g transform="scale(0.7) translate(1847 891)">
							<rect class="valBox" width="80" height="30" x="35" y="20"></rect>
							<text class="valText" x="42" y="40">{{valData.DB2_18}}</text>
							<text class="valDan" x="95" y="41">m</text>
						</g>
						<text>
							<tspan class="eq_size" x="1325" y="676">清洗罐</tspan>
						</text>
						<!--污油收集罐-->
						<text>
							<tspan class="eq_size" x="1424" y="278">污油收集罐</tspan>
						</text>
						<!--工业废水-->
						<text>
							<tspan class="info_text" x="1223" y="180">工业废水</tspan>
						</text>
						<!--污油回收-->
						<text>
							<tspan class="info_text" x="1497" y="220">污油回收</tspan>
						</text>
					</g>
				</svg>
			</div>
		</div>
		<script src="js/mui.js"></script>
		<script src="js/jquery.js"></script>
		<script src="js/mui.picker.js" type="text/javascript"></script>
		<script src="js/mui.poppicker.js" type="text/javascript"></script>
		<script src="js/d3.min.js"></script>
		<script src="js/vue.min.js"></script>

		<script>
			var app = new Vue({
				el: '#app',
				data: {
					url: "http://112.54.80.235:8038",
					eqData: {},
					valData: {},
					assembly: []
				},
				created: function() {
					
				},
				mounted: function() {
					var _this = this;
					mui.init({
						keyEventBind: {
							backbutton: true //关闭back按键监听
						}
					});
					mui.plusReady(function() {
						//横屏
						plus.screen.lockOrientation("landscape-primary");
						//自定义
						window.addEventListener('screen', function(event) {
							plus.screen.lockOrientation("landscape-primary");
						});
						//监听返回
						var old_back = mui.back;
						mui.back = function() {
							var list = plus.webview.getWebviewById('index.html');
							//触发列表界面的自定义事件（refresh）,从而进行数据刷新
							mui.fire(list, 'screen');
							plus.webview.currentWebview().hide()
							// var ind=localStorage.getItem("backInfo");
							// if(ind=="true"){
							// 	plus.screen.unlockOrientation();
							// 	plus.screen.lockOrientation("portrait-primary")
							// 	plus.webview.currentWebview().hide()
							// }else{
							// 	old_back();
							// }
							// plus.screen.unlockOrientation();
							// plus.screen.lockOrientation("portrait-primary")
						}

						//安卓返回按钮监听--竖屏
						plus.key.addEventListener("backbutton", function() {
							plus.screen.unlockOrientation();
							plus.screen.lockOrientation("portrait-primary")
						})
						//等待框开启
						plus.nativeUI.showWaiting();
						//顶部空出
						if(!mui.os.ios){
							$("#app").addClass("android")
						}else{
							$("#app").removeClass("android")
						}
						//下拉
						var picker = new mui.PopPicker();
						var eqinfo = JSON.parse(localStorage.getItem("eqInfo"));
						console.log(localStorage.getItem("eqInfo"));
						var setdata = eqinfo.map(function(val, key) {
							return {
								value: val.ChildId,
								text: val.DeviceName
							}
						})
						setdata.unshift({
							value: "0",
							text: "全部"
						})
						picker.setData(setdata);
						// picker.pickers[0].setSelectedIndex(0);
						// $(".equipment_select").text(setdata[0].text);

						$(document).on("tap", ".equipment_select", function() {
							picker.show(function(SelectedItem) {
								var href = "";
								var val = String(SelectedItem[0].text);
								switch (val) {
									case "全部":
										//全部
										href = "eqChart.html";
										break;
									case "化学热洗撬":
										//热洗撬
										href = "eqChart2.html";
										break;
									case "缓冲收油撬":
										//气浮撬
										href = "eqChart1.html";
										break;
									case "供水加药撬":
										//加药供水撬
										href = "eqChart3.html";
										break;
									case "收集筛分撬":
										//振动筛分撬
										href = "eqChart4.html";
										break;
									case "固液分离撬":
										//压滤机
										href = "eqChart5.html";
										break;
								}

								mui.openWindow({
									url: href,
									id: href,
									waiting: {
										autoShow: true, //自动显示等待框，默认为true
										title: '正在加载...', //等待对话框上显示的提示内容
									}
								});
								plus.webview.currentWebview().hide()
							})
						});
						//点击显示数据
						$(document).on('tap', '.equipment_show', function() {
							$('.svg-rigthBtn').animate({
								right: '0'
							})
							$(this).removeClass('equipment_show').addClass('equipment_hide')
							$('.mui-icon-arrowleft', this).removeClass('mui-icon-arrowleft').addClass('mui-icon-arrowright')
						})
						$(document).on('tap', '.equipment_hide', function() {
							$('.svg-rigthBtn').animate({
								right: '-300px'
							})
							$(this).removeClass('equipment_hide').addClass('equipment_show')
							$('.mui-icon-arrowright', this).removeClass('mui-icon-arrowright').addClass('mui-icon-arrowleft')
						})
						//历史数据
						$(document).on("tap", ".equipment_data", function() {
							var id = 1;
							mui.openWindow({
								url: "dataNow.html",
								id: "dataNow.html",
								extras: {
									info: eqinfo[0],
									href: "eqChart.html"
								},
								waiting: {
									autoShow: true, //自动显示等待框，默认为true
									title: '正在加载...', //等待对话框上显示的提示内容
								}
							})
						});
						//报警信息
						$(document).on("tap", ".equipment_wraing", function() {
							console.log(eqinfo);
							mui.openWindow({
								url: "alarmMessage.html",
								id: "alarmMessage.html",
								extras: {
									info: eqinfo[0],
									href: "eqChart.html"
								},
								waiting: {
									autoShow: true, //自动显示等待框，默认为true
									title: '正在加载...', //等待对话框上显示的提示内容
								}
							})
						});
						//启动
						mui(document.body).on('tap', '.mui-btn-success', function(e) {
							console.log(eqno);
							mui('.mui-btn-success').button('loading');
							$.ajax({
								type:"post",
								data: {},
								url: _this.url + "/actionapi/Users/OpenOrClose?flag=true&deviceNo="+eqno,
								success: function(data) {
									mui('.mui-btn-success').button('reset');
								},
								error: function(err) {
									console.log(JSON.stringify(err));
									mui('.mui-btn-success').button('reset');
									mui.toast("OpenOrClose接口有误！");
								}
							})
						});
						//关闭
						mui(document.body).on('tap', '.mui-btn-danger', function(e) {
							console.log(eqno);
							mui('.mui-btn-danger').button('loading');
							$.ajax({
								type:"post",
								data: {},
								url: _this.url + "/actionapi/Users/OpenOrClose?flag=false&deviceNo="+eqno,
								success: function(data) {
									mui('.mui-btn-danger').button('reset');
								},
								error: function() {
									mui('.mui-btn-danger').button('reset');
									mui.toast("OpenOrClose接口有误！");
								}
							})
						});
						//svg放大缩小
						var width = window.innerWidth;
						var height = window.innerHeight;
						var svg = d3.select("svg"),
							inner = svg.select("g");
						svg.attr("width", '100%')
							.attr("height", "100%");
						// Set up zoom support
						var zoom = d3.zoom()
							.on("zoom", function() {
								inner.attr("transform", d3.event.transform);
							});
						svg.call(zoom);
						$(".resetText").click(function() {
							svg.call(zoom.transform, d3.zoomIdentity);
							inner.attr("transform", 'translate(-20,0) scale(0.7)');
						});
						$('.returnBtn').click(function() {
							svg.call(zoom.transform, d3.zoomIdentity);
							inner.attr("transform", 'translate(-20,0) scale(0.7)');
						});
						//监听显示隐藏
						var myself = plus.webview.getWebviewById("eqChart.html");
						myself.addEventListener("hide", function() {
							console.log("hide");
							ws.close();
						})
						myself.addEventListener("show", function() {
							console.log("show");
							var eqno = localStorage.getItem("eqno")
							$.ajax({
								data: {
									deviceNo: eqno
								},
								url: _this.url + "/actionapi/Users/GetData",
								success: function(data) {
									console.log("dddd--" + eqno);
									createWebSocket()
								},
								error: function() {
									console.log("error");
								}
							});
						});
						var eqno = localStorage.getItem("eqno")
						$.ajax({
							data: {
								deviceNo: eqno
							},
							url: _this.url + "/actionapi/Users/GetData",
							success: function(data) {
								console.log("dddd--" + eqno);
								createWebSocket()
							},
							error: function() {
								console.log("error");
							}
						});
						//检查浏览器是否支持WebSocketk
						var lockReconnect = false; //避免重复连接
						var wsUrl = "ws://192.168.1.151:8091"; // websocket链接
						var ws;
						if (!window.WebSocket) {
							console.log('您的浏览器不支持WebSocket，请选择其他的浏览器再尝试连接服务器');
						} else {
							function createWebSocket() {
								try {
									ws = new WebSocket(wsUrl);
									websocketInit();
								} catch (e) {
									console.log('catch');
									websocketReconnect(wsUrl);
								}
							}

							createWebSocket(); // 创建websocket

							function websocketInit() {
								// 建立 web socket 连接成功触发事件
								ws.onopen = function(evt) {
									onOpen(evt);
								};
								// 断开 web socket 连接成功触发事件
								ws.onclose = function(evt) {
									onClose(evt);
								};
								// 接收服务端数据时触发事件
								ws.onmessage = function(evt) {
									onMessage(evt);
								};
								// 通信发生错误时触发
								ws.onerror = function(evt) {
									onError(evt);
								};
							};

							function onOpen(evt) {
								console.log("建立链接");
								var sendData = {
									test: 'test'
								}; // 正常的请求数据
								sendData = JSON.stringify(sendData);
								ws.send(sendData);
								//心跳检测重置
								heartCheck.start();
							}

							function onClose(evt) {
								console.log("连接已关闭...");
							}

							function onMessage(evt) {
								var data_json1 = JSON.parse(evt.data)
								//console.log("data_json"+data_json1);
								if (data_json1) {
									//关闭等待框
									plus.nativeUI.closeWaiting();
								}
								_this.eqData = data_json1;
								// console.log(_this.eqData)
								obj = new Object();
								var valData = data_json1.map(function(item, key) {
									if (item.DataType == "FLOAT") {
										var str = item.RegisterName.replace(/[\ |\~|\`|\!|\@@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\<|\.|\>|\/|\?]/g,"_");
									} else {
										var str = item.RegisterName.replace(/[\ |\~|\`|\!|\@@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\<|\.|\>|\/|\?]/g,"");
									}
									obj[str] = item.Val;
									return obj
								})
								_this.valData = obj;

								//拿到任何消息都说明当前连接是正常的
								heartCheck.start();
							}

							function websocketReconnect(url) {
								if (lockReconnect) { // 是否已经执行重连
									return;
								};
								lockReconnect = true;
								//没连接上会一直重连，设置延迟避免请求过多
								tt && clearTimeout(tt);
								var tt = setTimeout(function() {
									createWebSocket(url);
									lockReconnect = false;
								}, 5000);
							}

							//心跳检测
							var heartCheck = {
								timeout: 30000,
								num: 3, //3次心跳均未响应重连
								timeoutObj: null,
								serverTimeoutObj: null,
								start: function() {
									var self = this;
									var _num = this.num;
									this.timeoutObj && clearTimeout(this.timeoutObj);
									this.serverTimeoutObj && clearTimeout(this.serverTimeoutObj);
									this.timeoutObj = setTimeout(function() {
										//发送测试信息，后端收到后，返回一个消息，
										ws.send("1");
										_num--;
										//计算答复的超时次数
										if (_num === 0) {
											//关闭等待框
											plus.nativeUI.closeWaiting();
											ws.colse();
										}
									}, this.timeout)
								}
							}

							function onError(evt) {
								//关闭等待框
								plus.nativeUI.closeWaiting();
								mui.toast('通信错误：' + evt.data);
							}
						}
					});
				}
			})
		</script>
	</body>

</html>
